<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charest="UTF-8">
    <meta name="viewport" content="width=device-width，initial-scale=1.0">
    <title>白银市义工联合会——首页</title>
    <link href="../public/bootstrap.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/animate.css/3.7.2/animate.min.css" rel="stylesheet">
    <link href="../07/main.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

</head>

<body>
    <header>
        <nav class="navbar navbar-expand-lg navbar-light shadow ">
            <div class="container">
                <a class="navbar-brand" href="#"><img class="img-fluid" src="logo.jpg" alt="白银市义工联合会"></a>
                <button class="navbar-toggler" type="button" data-toggle="collapse"
                    data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
                    aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav mr-auto">
                        <li class="nav-item active">
                            <a class="nav-link" href="#">首页 <span class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">新闻动态</a>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                义工服务
                            </a>
                            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <a class="dropdown-item" href="#">情系福利院</a>
                                <a class="dropdown-item" href="#">向阳花助学</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#">蒲公英助困</a>
                                <a class="dropdown-item" href="#">爱心助春运</a>
                                <a class="dropdown-item" href="#">衣旧情深</a>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">组织机构</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">近期活动</a>
                        </li>
                    </ul>
                    <form class="form-inline my-2 my-lg-0">
                        <input class="form-control mr-sm-2" type="search" placeholder="搜索" aria-label="Search">
                        <button class="btn btn-outline-donate my-2 my-sm-0 animated pulse infinate "
                            type="submit">支持我们</button>
                    </form>
                </div>
            </div>
        </nav>



    </header>
    <main>
        <section id="slides">
            <div id="carouselExampleCaptions" class="carousel slide container" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                    <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>

                </ol>
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <img src="../07/640.jpg" class="d-block w-100" alt="慰问抗疫前线工作人员">
                        <div class="carousel-caption d-none d-md-block">
                            <h5>First slide label</h5>
                            <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                        </div>
                    </div>
                    <div class="carousel-item">
                        <img src="../07/2.jpeg" class="d-block w-100" alt="小区防疫志愿者">
                        <div class="carousel-caption d-none d-md-block">
                            <h5>Second slide label</h5>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                        </div>
                    </div>
                </div>
                <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </section>
        <section id="events" class="my-5">
            <h3 class="text-center my-5">近期活动</h3>
            <div class="container my-3 shadow-sm">
                <div class="row">
                    <div class="col-md-3"><img src="../07/grandmother.jpg" alt="福利院活动" class="img-fluid"></div>
                    <div class="col-md-6">
                        <h3>情系福利院</h3>
                        <ul class="list-unstyled">
                            <li><i class="fa fa-calendar" aria-hidden="true"></i>2013年1月23日
                            </li>
                            <li><i class="fa fa-paper-plane" aria-hidden="true"></i>白银市福利院</li>
                            <li><i class="fa fa-star" aria-hidden="true"></i>白银市义工联合会</li>
                        </ul>
                        <p>2014年1月23日是农历的腊月二十三，为了使福利院的老人度过一个温馨的小年，在白银义工团贾队长的宣传下，义工们踊跃报名前往白银市福利院举行“爱心零距离，暖情传天下”公益活动，为那里的孤寡老人和孤残儿童们献上自己的一份爱心。
                        </p>
                    </div>
                    <div class="col-md-3"><button type="button" class="btn btn-event">我要参加</button></div>
                </div>
            </div>

            <div class="container my-3 shadow-sm">
                <div class="row">
                    <div class="col-md-3"><img src="太阳花.jpg" alt="向阳花助学" class="img-fluid"></div>
                    <div class="col-md-6">
                        <h3>向阳花助学</h3>
                        <ul class="list-unstyled">
                            <li><i class="fa fa-calendar" aria-hidden="true"></i>2018年12月20日
                            </li>
                            <li><i class="fa fa-paper-plane" aria-hidden="true"></i>白银区麻林坪小学</li>
                            <li><i class="fa fa-star" aria-hidden="true"></i>白银市义工联合会</li>
                        </ul>
                        <p>2018年12月20日，白银市义工联合会志愿者走进麻林坪小学为9名学生发放价值3285元学习用品。</p>
                    </div>
                    <div class="col-md-3"><button type="button" class="btn btn-event">我要参加</button></div>
                </div>
            </div>

            <div class="container my-3 shadow-sm">
                <div class="row">
                    <div class="col-md-3"><img src="kangyi1.jpg" alt="救灾防疫行" class="img-fluid"></div>
                    <div class="col-md-6">
                        <h3>救灾防疫行</h3>
                        <ul class="list-unstyled">
                            <li><i class="fa fa-calendar" aria-hidden="true"></i>2020年1月 - 2020年4月
                            </li>
                            <li><i class="fa fa-paper-plane" aria-hidden="true"></i>白银市</li>
                            <li><i class="fa fa-star" aria-hidden="true"></i>白银市义工联合会</li>
                        </ul>
                        <p>2月11日，白银市义工联合会协助白银市文明办对甘肃省中西医结合医院白银分院，白银区环卫处垃圾中转站，兰包路社区，长通社区，电视台，日报社，武川小区，西苑小区，祥和家园，银珠家园，安民小区，天润园，白银义工，白银公益等疫情防控检测点，看望慰问一线防疫人员，并为大家送上慰问品。
                        </p>
                    </div>
                    <div class="col-md-3"><button type="button" class="btn btn-event">我要参加</button></div>
                </div>
            </div>
        </section>
        <section class="member container">
            <h3 class="h3 text-center">会员</h3>
            <p class="display-4 text-center title-bg">BECOME A MEMBER</p>
            <div class="row mt-5">
                <div class="col-md-4">The concern was: How should our church associate with those who are born once
                    again, and likewise deeply devoted to the Holy bible in addition to Christ, yet are not yet
                    motivated that their child baptism is unbiblical also nullify? Should such followers be admitted in
                    some cases to subscription at Bethlehem? Or to put the concern in the bigger standard ways: Should
                    the front door of the neighborhood church be approximately the very same dimension as the door to
                    the global body of Christ?</div>
                <div class="col-md-4">The concern was: How should our church associate with those who are born once
                    again, and likewise deeply devoted to the Holy bible in addition to Christ, yet are not yet
                    motivated that their child baptism is unbiblical also nullify? Should such followers be admitted in
                    some cases to subscription at Bethlehem? Or to put the concern in the bigger standard ways: Should
                    the front door of the neighborhood church be approximately the very same dimension as the door to
                    the global body of Christ?</div>
                <div class="col-md-4">The concern was: How should our church associate with those who are born once
                    again, and likewise deeply devoted to the Holy bible in addition to Christ, yet are not yet
                    motivated that their child baptism is unbiblical also nullify? Should such followers be admitted in
                    some cases to subscription at Bethlehem? Or to put the concern in the bigger standard ways: Should
                    the front door of the neighborhood church be approximately the very same dimension as the door to
                    the global body of Christ?</div>
            </div>

        </section>
    </main>
    <footer>
        <section class="container-fluid contact p-5">
            <div class="row">
                <div class="col-lg-4 text-center">
                    <h4>扫码关注</h4>
                    <img src="erweima.bmp" alt="">
                </div>
                <div class="col-lg-4">
                    <h4>联系我们</h4>
                    <ul class="list-unstyled">
                        <li><i class="fa fa-map-marker"></i>白银市白银区建设西路9号</li>
                        <li><i class="fa fa-phone" aria-hidden="true"></i>(123) 456-78910 - (321) 199-3265</li>
                        <li><i class="fa fa-paper-plane" aria-hidden="true"></i>info@example.com</li>
                        <li><i class="fa fa-globe" aria-hidden="true"></i>www.example.com</li>
                    </ul>
                </div>

                <div class="col-lg-4">
                    <h4>友情链接</h4>
                    <ul class="list-unstyled list-colums">
                        <li><i class="fa fa-link" aria-hidden="true"></i>白银市白银区</li>
                        <li><i class="fa fa-link" aria-hidden="true"></i>(123) 456-78910</li>
                        <li><i class="fa fa-link" aria-hidden="true"></i>白银市白银区</li>
                        <li><i class="fa fa-link" aria-hidden="true"></i>白银市白银区</li>
                        <li><i class="fa fa-link" aria-hidden="true"></i>白银市白银区</li>
                        <li><i class="fa fa-link" aria-hidden="true"></i>(123) 456-78910</li>
                        <li><i class="fa fa-link" aria-hidden="true"></i>白银市白银区</li>
                        <li><i class="fa fa-link" aria-hidden="true"></i>白银市白银区</li>
                    </ul>
                </div>
            </div>
        </section>
        <section class="container-fluid copyright">
            <p class="text-center">© Copyright 2020 - <span><a href="#">白银市义工联合会</a></span> - All Rights Reserved</p>
        </section>
    </footer>

    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script>
</body>

</html>
6511942 wuecho 1583209364